<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Content Pane Programmatic Demo</title>
    <style type="text/css">
        @import "http://o.aolcdn.com/dojo/1.0.0/dijit/themes/tundra/tundra.css";
        @import "http://o.aolcdn.com/dojo/1.0.0/dojo/resources/dojo.css"
    </style>
    <script type="text/javascript" src="http://o.aolcdn.com/dojo/1.0.0/dojo/dojo.xd.js" 
        djConfig="parseOnLoad: true"></script>
        <script type="text/javascript">
                dojo.require("dijit.layout.ContentPane");
                dojo.require("dijit.layout.TabContainer");
                dojo.require("dijit.Tree");
                dojo.require("dojo.data.ItemFileReadStore");
                
                dojo.addOnLoad(function() {
                        // create a ContentPane
                        var newChild = 
                                new dijit.layout.ContentPane({
                                                href:'content.html',
                                                title:'newChild',
                                                refreshOnShow:true
                                        }, 
                                        dojo.doc.createElement('div')
                                );
                        
                        // find my tabContainer and add our new ContentPane
                        dijit.byId('myTabContainer').addChild(newChild);
                        
                        // find parent Container and subscribe to selectChild event
                        // without it refreshOnShow and href load wont work.
                        newChild.startup();          
                });
     </script>
</head>
<body class="tundra">
        <div id="myTabContainer" dojoType="dijit.layout.TabContainer" 
                 style="width:500px;height:300px"></div>
</body></html>